<script setup>
import {ref} from 'vue'

const data = ref([
  {imPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", pbPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", realData: "你懂的"},
  {imPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", pbPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", realData: "你懂的"},
  {imPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", pbPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", realData: "你懂的"},
  {imPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", pbPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", realData: "你懂的"},
  {imPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", pbPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", realData: "你懂的"},
  {imPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", pbPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", realData: "你懂的"},
  {imPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", pbPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", realData: "你懂的"},
  {imPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", pbPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", realData: "你懂的"},
  {imPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", pbPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", realData: "你懂的"},
  {imPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", pbPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", realData: "你懂的"},
  {imPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", pbPlaying: "澳大利亚首都特区全国超级联赛U23 - 附加赛 / 甘加林联U23 / 堪培拉老虎足球", realData: "你懂的"},
])
const columns = ref([
  {
    title: 'im赛事',
    key: 'imPlaying',
    width: 300
  },
  {
    title: 'pb赛事',
    key: 'pbPlaying'
  },
  {
    title: '实时数据',
    key: 'realData'
  }]);
const pagination = ref(false)
</script>

<template>
  <n-data-table
    :columns="columns"
    :data="data"
    :bordered="false"
  />
</template>

<style scoped>

</style>
